<template>
  <div class="table_f">
     <table width="100%" height="100%" border="1" frame="void">
       <tr>
         <td width="30%" class="bigtitle">工程类</td>
         <td width="70%" class="bigcont">
           <span @click="submit">勘察</span>
           <span @click="submit">施工</span>
           <span @click="submit">专业</span>
           <span @click="submit">审计</span>
           <span @click="submit">监理</span>
           <span @click="submit">其他</span>
         </td>
       </tr>
       <tr>
         <td class="bigtitle">采购类</td>
         <td></td>
       </tr>
       <tr>
         <td class="bigtitle">设计类</td>
         <td></td>
       </tr>
       <tr>
         <td class="bigtitle">物业管理类</td>
         <td></td>
       </tr>
       <tr>
         <td class="bigtitle">造价咨询类</td>
         <td></td>
       </tr>
     </table>
  </div>
</template>

<script>
  export default {
    data () {
      return {

      }
    },
    methods: {
      submit: function () {
        // 子组件中触发父组件方法ee并传值cc12345
        this.$emit('ee', 'cc12345')
      }
    },
    mounted () {
    },
    components: {

    }
  }
</script>

<style scoped>
 .table_f{
   width:95%;
   height:90%;
   margin:0 auto;
 }
  .bigtitle{
    font-size: 20px;
    color:#50bfff;
    font-weight: bold;
  }
  .bigcont span{
    display:inline-block;
    padding:0 30px;
    border-right:1px solid #1d90e6;
    font-size: 16px;
  }
 .bigcont span:hover{
   cursor: pointer;
   color:red;
 }
 .bigcont span:last-child{
   border-right:none;
 }
</style>
